19:34 / 8:16:44•Watch full video
Sean Mathew
 Public
0/140
30.0 seconds
Continue clipping after ad finishes
Can’t create clip while ad is playing
Build and Deploy 3 Modern React API Applications in 8 Hours - Full Course | RapidAPI
JavaScript Mastery
8.4K Likes
268,729 Views
Jan 6 2023
Welcome to the ultimate course, which will help you become a master of APIs by Building Real Industry Applications. In this compilation of videos, you'll build a Modern YouTube Clone Application, a professional Fitness Exercises App, and Lyriks - an improved version of Spotify. 💻 Build Apps with Professional Mentors - https://resource.jsmastery.pro/master... ✅ JSM Masterclass Experience - https://www.jsmastery.pro/full-stack-... 💻JS Mastery Pro - https://jsmastery.pro/youtube ✅ A special YOUTUBE discount code is automatically applied! ⭐RapidAPI Extension - https://marketplace.visualstudio.com/... ⭐RapidAPI - https://rapidapi.com/?utm_source=yout... This course is entirely beginner friendly. We’ll use the most in-demand technologies, such as React.js, Tailwind CSS, Redux Toolkit, Shazam API, and Geolocation API. In this compilation of videos, you'll learn: - Advanced React Best Practices, such as folder & file structure, hooks, and refs - Advanced State Management of the entire application using React Context API - You’ll learn how to create Modern User Interfaces using Tailwind CSS - And most importantly fetching data from unlimited sources using RapidAPI - Essentially, you'll become the master of working with APIs 📚 Materials/References: 1️⃣ First Application - YouTube Clone App ⭐RapidAPI YouTube v3 - https://rapidapi.com/ytdlfree/api/you... GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje... GitHub Gist Code Snippets: https://gist.github.com/adrianhajdin/... Hosting - http://hostinger.com/javascriptmastery 2️⃣ Second Application - Fitness Exercises App ⭐RapidAPI ExerciseDB - https://rapidapi.com/justin-WFnsXH_t6... ⭐RapidAPI YouTube Search - https://rapidapi.com/h0p3rwe/api/yout... GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje... Styles & Other Code: https://gist.github.com/adrianhajdin/... Assets: https://minhaskamal.github.io/DownGit... 3️⃣ Third Application - Spotify Clone App ⭐RapidAPI Shazam Core API - https://rapidapi.com/tipsters/api/sha... Starter Code: https://drive.google.com/file/d/1iTlX... GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje... 💻 Join our Discord Community - https://discord.gg/n6EdbFJ 🐦 Follow us on Twitter: https://twitter.com/jsmasterypro 🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery 💼 Business Inquiries: contact@jsmastery.pro Time Stamps 👇 00:00 Intro 00:04:56 YouTube Clone App 02:21:25 Fitness Exercises App 4:54:24 Spotify Clone App

JavaScript Mastery

683K subscribers

Build and Deploy 3 Modern React API Applications in 8 Hours - Full Course | RapidAPI

JavaScript Mastery
683K subscribers
<__slot-el>
268,729 views Jan 6, 2023
Welcome to the ultimate course, which will help you become a master of APIs by Building Real Industry Applications. In this compilation of videos, you'll build a Modern YouTube Clone Application, a professional Fitness Exercises App, and Lyriks - an improved version of Spotify. 💻 Build Apps with Professional Mentors - https://resource.jsmastery.pro/master... ✅ JSM Masterclass Experience - https://www.jsmastery.pro/full-stack-... 💻JS Mastery Pro - https://jsmastery.pro/youtube ✅ A special YOUTUBE discount code is automatically applied! ⭐RapidAPI Extension - https://marketplace.visualstudio.com/... ⭐RapidAPI - https://rapidapi.com/?utm_source=yout... This course is entirely beginner friendly. We’ll use the most in-demand technologies, such as React.js, Tailwind CSS, Redux Toolkit, Shazam API, and Geolocation API. In this compilation of videos, you'll learn: - Advanced React Best Practices, such as folder & file structure, hooks, and refs - Advanced State Management of the entire application using React Context API - You’ll learn how to create Modern User Interfaces using Tailwind CSS - And most importantly fetching data from unlimited sources using RapidAPI - Essentially, you'll become the master of working with APIs 📚 Materials/References: 1️⃣ First Application - YouTube Clone App ⭐RapidAPI YouTube v3 - https://rapidapi.com/ytdlfree/api/you... GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje... GitHub Gist Code Snippets: https://gist.github.com/adrianhajdin/... Hosting - http://hostinger.com/javascriptmastery 2️⃣ Second Application - Fitness Exercises App ⭐RapidAPI ExerciseDB - https://rapidapi.com/justin-WFnsXH_t6... ⭐RapidAPI YouTube Search - https://rapidapi.com/h0p3rwe/api/yout... GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje... Styles & Other Code: https://gist.github.com/adrianhajdin/... Assets: https://minhaskamal.github.io/DownGit... 3️⃣ Third Application - Spotify Clone App ⭐RapidAPI Shazam Core API - https://rapidapi.com/tipsters/api/sha... Starter Code: https://drive.google.com/file/d/1iTlX... GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje... 💻 Join our Discord Community - https://discord.gg/n6EdbFJ 🐦 Follow us on Twitter: https://twitter.com/jsmasterypro 🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery 💼 Business Inquiries: contact@jsmastery.pro Time Stamps 👇 00:00 Intro 00:04:56 YouTube Clone App 02:21:25 Fitness Exercises App 4:54:24 Spotify Clone App

JavaScript Mastery

683K subscribers
Show less

540 Comments

Sean Mathew
Add a comment...
To those who are watching these 'coding along' videos and also coding alongside, don't just complete the project in a go instead take time maybe 1 week or less than that and complete one chunk at a time. This will help you to retain all the skills and knowledge you have learned throughout the video. Also, please take time to review whatever you have developed so far.
67
a suggestion for future videos, since most of the tutorials miss this point, which in my opinion is very very important. most of the viewers are new in the field of software development. therefore it would be nice to include in the video some bugs, how to find them and how to fix them. or how to read documentation of libraries or packages so we can learn how to use new things. otherwise we will get into a tutorial hell. I hope you will consider this. thanks
149
I had finished the former YouTube-clone course last year,but I think the new version is also worth to being learning.Thanks for updating the course❤
31
Great content, thank you for all the hard work! I was hoping, if possible to see some projects done in Nextjs 13 which is a game changer they came out with 13.1 combined with vercel, tailwind, typescript is a sweet deal. 😁
16
Your projects are almost single handedly helping me become a developer. Thanks
9
1/3 of the way through! Deployed to Firebase instead of Netlify but works like a charm! Your tutorials are legendary, thank you so much, Im having a lot of fun learning React!
1
Amazing tutorial for a novice like me. Thanks for sharing your mastery. I followed the youtube clone and managed to pretty much reproduce it on my localhost. I can't proceed because whatever channel or video I click on, it plays only one and the same video. I'd appreciate help from someone in this forum who might know why the video id is not dynamic. It's taken me a week to feel completely stuck
Getting a lot of practice reps with React , Material UI, Rapid API and new extensions to play with . Thank you for this content!
2
very nice tutorial Adrian, I would like to see another such a tutorial where you would cover 3 or more diffrent projects using web3 API, Thirdweb or Moralis. I am fully fine to pay for such a tutorial. you are the best programing teacher, so if I would buy a coding course it would be firstly from you.
5
I just watched your new video and I'm impressed with the level of creativity and production value. Keep up the great work, I can't wait to see what's next.. I hope you're doing well. I'm looking forward to your new videos for our social media project. Keep up the great work! Can't wait to see what you have in store for us next. Thank you.
Thank you so much for all the awesome videos!! New to React but you explanation and tips goes a long way to tackle these full stack obstacles. Keep up your marvelous works!!hand-pink-waving
1
Been following this video lately and am almost done with the Youtube Clone! I modified the API section so that it works in Vite and it’s AWESOME! Love the video!! 🙏🏼🙏🏼
1
Great content, thank you for all the hard work!
1
Hi Adrian ❤ I have a serious question. Many times I feel like I need a one to one session asking precise questions while following your videos and creating application. Are you providing this service ? I assume this would be paid extra but I really feel that these session could help me sharpen the understanding of the principles your teach us. Let me know please 🙏
Great job, JS Mastery, can we please get more videos on MERN stacked applications this year? :)
21
You are doing a fabulous job . Thanks for making such a nice content
4
Wow, wow, wow. This is crazy good. A Great content, thank you very much for all the hard work. I am a PHP/Laravel developer, but I'm planning to switch to Node/React or I should focus on the Laravel then maybe learn React as well. Please what do you suggest. Thank you for this wonderful tutorials once again
1
Amazing ,I was waiting for soo long for modern react course nnn here it is🚀
2
Great stuff, as I am transitioning to Fullstack, I will take this as an opportunity to write the backend API of these apps, after going through each.
For this year this project is just wow ❤️❤️
2